<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Integrated Case Management System</title>
	<!-- jQuery library -->
	<link rel="stylesheet" href="jquery-ui-1.10.3.flick/css/flick/jquery-ui-1.10.3.custom.css">
	<script src="jquery-ui-1.10.3.flick/js/jquery-1.9.1.js"></script>
	<script src="jquery-ui-1.10.3.flick/js/jquery-ui-1.10.3.custom.min.js"></script>

	<!-- Bootstrap -->
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" media="screen">
	<script src="js/bootstrap.min.js"></script>

	<!-- Responsive -->
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link rel="stylesheet" href="css/responsive.css">

	<!-- Pure -->
	<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/buttons-min.css">
	<link rel="stylesheet" href="css/pure-skin-mine.css">
	
	<!-- Font Awesome -->
	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">

	<!-- Home made CSS -->
	<link rel="stylesheet" href="css/decoration.css">
	<link rel="stylesheet" href="css/progressBar.css">
	<link rel="stylesheet" href="css/buttons.css">
	
	<!-- Home made JS -->
	<script src="js/AI1JavaScript.js" ></script>
	<script src="js/jsButton.js" ></script>
	<script src="js/prePopulateText.js" ></script>
	<script src="js/jsResponsive.js"></script>
	<!--script src="js/dataExchangeAjax.js"></script-->
	<script src="js/approveDialog.js"></script>
	
	<!-- jGrowl plugin -->
	<link rel="stylesheet" href="js/jGrowl/jquery.jgrowl.css">
	<script src="js/jGrowl/jquery.jgrowl.js"></script>
	
	<!-- ProgressBar plugin -->
	<script src="js/jqProgressBar.min.js"></script>

</head>
<body>
	<header class="row-fluid">
		<div class="row-fluid">
			<div class="span3 offset9">
				<img id="govLogo" src="images/gov-logo.png" alt="Singapore Government verified"></img>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<img id="banner" src="" alt="Integrated Case Management System" class="span8" href="#">
			</div>
		</div>
		<div class="row-fluid">
			<nav class="navbar">
				<div class="navbar-inner">
					<ul class="nav nav-pills">
						<li><a href="inbox(1).html">Inbox</a></li>
						<li><a href="#">Reports</a></li>
						<li><a href="create-case(1).html">New Case</a></li>
					</ul>
				</div>
			</nav>
		</div>
		<div class="row-fluid">
			<h1 class="span6" onclick="">Joint Resolution</h1>
			<hr class="thickLine">
		</div>
	</header>
	<div class="container-fluid main">
		<div class="tabbable full-width-tabs row-fluid" id="joitnTabHeader">
			<ul id="joitnTab" class="nav nav-tabs" data-tabs="tabs"> 
				<li class="active"><a href="#jointDetails" data-toggle="tab">Case Detail</a></li>
				<li class=""><a href="#jointDiscussion" data-toggle="tab">Discussion</a></li> 
				<li><a href="#jointReply" data-toggle="tab">Reply to Customer</a></li>  
			</ul> 
		</div>

		<div class="tab-content row-fluid" id="panelArea">
			<!-- ********** START: Case details tab content ********** -->
			<div class="tab-pane fade active in" id="jointDetails">
				<h2>Agency Involved</h2>
				<hr class="slimLine">
				<div class="row-fluid">
					<div class="span10 offset1 jointInvolvedTable">
						<table>
							<colgroup>
							<col span="1" style="width:30%">
							<col span="1" style="width:30%">
							<col span="1" style="width:40%">
						</colgroup>
						<tr>
							<td>NEA(Lead)</td>
							<td class="involveStatus" style="color:#037e37;">Accepted</td>
							<td>25-Aug-2013 1610</td>
						</tr>
						<tr>
							<td>PUB</td>
							<td class="involveStatus" style="color:#037e37;">Accepted</td>
							<td>25-Aug-2013 16:21</td>
						</tr>
						<tr>
							<td>LTA</td>
							<td class="involveStatus" style="color:#e0981c;">Pending</td>
							<td>6 hrs&nbsp;&nbsp;<i class="fa fa-clock-o fa-lg cursor-click" title="Send reminder."></i></td>
						</tr>
						<tr>
							<td>NPARKS</td>
							<td class="involveStatus" style="color:#e33220;">Rejected</td>
							<td>25-Aug-2013 17:00</td>
						</tr>
					</table>
				</div>
			</div>
			<h2>Case Details</h2>
			<hr class="slimLine">
			<div class="row-fluid">
				<div class="span6">
					<div class="row-fluid">
						<div class="span4">
							<label>Case ID</label>
						</div>
						<div class="span8"><span id="caseID"></span></div>
					</div>
				</div>
				<div class="span6">
					<div class="row-fluid">
						<div class="span4">
							<label for="#caseStatus">Case Status</label>
						</div>
						<div class="span8"><span id="caseStatus"></span></div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label>Incident Date</label>
					</div>
					<div class="span8"><span id="fbDate"></span></div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#recDate">Received Date</label>
					</div>
					<div class="span8"><span id="recDate"></span></div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#dueDate">Due Date</label>
					</div>
					<div class="span8"><span id="dueDate"></span></div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#closedDate">Closed Date</label>
					</div>
					<div class="span8"><span id="closedDate"></span></div>
				</div>
			</div>
			<hr class="slimLine">
			<div class="row-fluid">
				<div class="span2">
					<label for="#sbjTitle">Subject Title</label>
				</div>
				<div class="span10"><span id="sbjTitle"></span></div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#fbType">Feedback Type</label>
					</div>
					<div class="span8"><span id="fbType"></span></div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#channel">Channel</label>
					</div>
					<div class="span8"><span id="channel"></span></div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<label for="#caseDesc">Case Description</label>
				</div>
				<div class="span10" id="caseDescDiv">
					<p id="caseDesc" class="bigTextblock"></p>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#agency">Agency</label>
					</div>
					<div class="span8">
						<span id="agency"></span>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#category">Category</label>
					</div>
					<div class="span8">
						<span id="category" class="autoCome"></span>
					</div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#subCate">Sub Category</label>
					</div>
					<div class="span8">
						<span id="subCate" class="autoCome"></span>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#address">Address</label>
					</div>
					<div class="span8">
						<p id="address"></p>
					</div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#postal">Postal Code</label>
					</div>
					<div class="span8"><span id="postal"></span></div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#uploadedImg">Uploaded Image</label>
					</div>
					<div class="span8"><img id="uploadedImg" src="" alt="Uploaded image"></div>
				</div>

			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#lastUpdateAgency">Last Update Agency</label>
					</div>
					<div class="span8"><span id="lastUpdateAgency"></span></div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#lastAction">Last Update Action</label>
					</div>
					<div class="span8"><span id="lastAction"></span></div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#lastUpdateDate">Last Update Date</label>
					</div>
					<div class="span8"><span id="lastUpdateDate"></span></div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<label for="#closureDesc">Closure Description</label>
				</div>
				<div class="span10">
					<p id="closureDesc" class="bigTextblock"></p>
				</div>
			</div>
			<div class="rowfluid">
				<h2>Customer information</h2>
				<hr class="slimLine">
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#custName">Customer Name</label>
					</div>
					<div class="span8">
						<span id="custName"></span>
					</div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#phone">Phone</label>
					</div>
					<div class="span8">
						<span id="phone"></span>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#NRIC">NRIC</label>
					</div>
					<div class="span8">
						<span id="NRIC"></span>
					</div>
				</div>
				<div class="span6">
					<div class="span4">
						<label for="#mCustID">Mobile Customer ID</label>
					</div>
					<div class="span8">
						<span id="mCustID"></span>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<div class="span4">
						<label for="#email">Email</label>
					</div>
					<div class="span8">
						<span id="email"></span>
					</div>
				</div>
			</div>
			<!-- load case info to page elements when those elements are loaded to page -->
			<!--script>loadCase2Page()</script-->

			<!--Child case part-->
			<div id="childCasesPart">
				<div class="row-fluid">
					<h2>Child Cases</h2>
					<hr class="slimLine">
				</div>
				<div class="row-fluid">
					<div id="childCaseTableWrap">
						<table id="childCaseTable" class="childTable">
							<thead>
								<tr>
									<th>Child Case ID</th>
									<th>Subject Title</th>
									<th>Category</th>
									<th>Case Status</th>
									<th>Routing Date</th>
									<th>Due Date</th>
									<th>Agency</th>
								</tr>
							</thead>
							<tbody>
								<!--child cases are added in here-->
							</tbody>
						</table>
					</div>
				</div>
			</div>

			<!-- joint agencies part-->
			<div id="jointAgencyPart">
				<div class="row-fluid">
					<h2 class="subTitle">Agencies Involved</h2>
					<hr class="slimLine">
				</div>
				<div class="row-fluid">
					<div id="jointAgencyTableWrap">
						<table id="jointAgencyTable" class="agencyTable">
							<thead>
								<tr>
									<th id="name" style="width: 40%;">Agency Name</th>
									<th id="lead" style="width: 20%;">Lead Agency</th>
									<th id="status" style="width: 40%;">Status</th>
								</tr>
							</thead>
							<tbody>
								<!--child cases go here-->
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<!-- load case info to page elements when those elements are loaded to page -->
			<!--script>loadCase2Page()</script-->

		</div>
		<!-- ********** END: Case details tab content ********** -->


		<!-- ********** START: Discussion tab content ********** -->
		<div class="tab-pane fade" id="jointDiscussion">
			<h2>Case Responses</h2>
			<hr class="slimLine">
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>NEA</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Natalie Ee</label>
						</div>
						<div class="span4 postDateTime">
							<label>22-Sep-2013 12:00</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									
								</div>
								<div class="span4">
									
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>RE: Additional Info</p>
						</div>
						<div class="row-fluid postContent">
							<p>Thanks Paul for your swift actions and response. Our officers have visited the premise and found out that the canal is clogged up with garbage bags. Will pen a response. Pls take a look and approve it since this is a joint-investigation case. Many thanks. </p>
						</div>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>PUB</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Paul You</label>
						</div>
						<div class="span4 postDateTime">
							<label>22-Sep-2013 11:00</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									<i class="fa fa-trash-o fa-lg cursor-click"></i>
								</div>
								<div class="span4">
									<i class="fa fa-pencil-square-o fa-lg cursor-click" title="Edit"></i>
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>Preliminary Findings</p>
						</div>
						<div class="row-fluid postContent">
							<p>Hi Natalie, we have checked the sewage pipes. Generally appears to be working fine. However, our guys reported that the canal flow is irregular. You might wish to check on it. Over to you. </p>
						</div>
					</div>
				</div>
				
				<hr class="slimLine">
			</div>
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>PUB</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Paul You</label>
						</div>
						<div class="span4 postDateTime">
							<label>21-Sep-2013 11:00</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									<i class="fa fa-trash-o fa-lg cursor-click"></i>
								</div>
								<div class="span4">
									<i class="fa fa-pencil-square-o fa-lg cursor-click" title="Edit"></i>
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>RE: Additional Info</p>
						</div>
						<div class="row-fluid postContent">
							<p>Hi Natalie, thanks for the address. We will look into it. </p>
						</div>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>NEA</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Natalie Ee</label>
						</div>
						<div class="span4 postDateTime">
							<label>21-Sep-2013 10:26</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									
								</div>
								<div class="span4">
									
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>RE: Additional Info</p>
						</div>
						<div class="row-fluid postContent">
							<p>Hi Paul, the citizen was angry and in a hurry when I took up the call. I have contacted him and manage to find out that the underpass is near a big canal at east coast park. </p>
						</div>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>PUB</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Paul You</label>
						</div>
						<div class="span4 postDateTime">
							<label>21-Sep-2013 15:26</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									<i class="fa fa-trash-o fa-lg cursor-click"></i>
								</div>
								<div class="span4">
									<i class="fa fa-pencil-square-o fa-lg cursor-click" title="Edit"></i>
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>Additional Info</p>
						</div>
						<div class="row-fluid postContent">
							<p>Hi Natalie, thanks for the heads-up. Did the citizen provide any photo or location of where this incident might be occurring? The address in the case details seems quite vague.</p>
						</div>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			<div class="row-fluid jointPostModule">
				<div class="span2 involvedAgencyName">
					<label>NEA</label>
				</div>
				<div class="span10">
					<div class="row-fluid">
						<div class="span4 involvedStaffName">
							<label>Natalie Ee</label>
						</div>
						<div class="span4 postDateTime">
							<label>20-Sep-2013 15:26</label>
						</div>
						<div class="span4">
							<div class="span6 offset6 postOptions">
								<div class="span4">
									
								</div>
								<div class="span4">
									
								</div>
								<div class="span4">
									<i class="fa fa-comments-o fa-lg cursor-click" title="Reply this comment"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="row-fluid postTitle">
							<p>Please Assist to Investigate</p> 
						</div>
						<div class="row-fluid postContent">
							<p>Hi PUB, we received a phone call from this citizen who reported of foul faeces smell which could be due to sewage pipe burst. Kindly investigate.</p>
						</div>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			
			<h2>New Response</h2>
			<hr class="thickLine">
			<div class="row-fluid">
				<div class="span2">
					<label for="#tbxResponseTitle">Title</label>
				</div>
				<div class="span10">
					<input type="text" class="tbx100" id="tbxResponseTitle"></input>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<label for="#txaResponseContent">Content</label>
				</div>
				<div class="span10">
					<textarea name="txaResponseContent" id="txaResponseContent" class="bigTextarea"></textarea>
				</div>
			</div>
			<div class="row-fluid">
				<button type="button" class="pure-button pure-button-primary tailButton">Submit</button>	
			</div>
			
		</div>
		<!-- ********** END: Discussion tab content ********** -->


		<!-- ********** START: Reply to Customer tab content ********** -->
		<div class="tab-pane fade" id="jointReply">
			<h2>Final Reply</h2>
			<hr class="slimLine">
			<div class="row-fluid finalReplyModule">
				<div class="row-fluid">
					<div class="span2 finalReplyTitle">
						<label>Title</label>
					</div>
					<div class="span8 finalreplyTitleText">
						<p>Foul Smell at Big Canal in East Coast Park</p>
					</div>
					<div class="span2 finalReplyEditButtons">
						<i class="fa fa-pencil-square-o fa-lg cursor-click" title="Edit title"></i>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2 finalReplyContent">
						<label>Content</label>
					</div>
					<div class="span8 finalReplyContentText">
						<p>Dear Mr. Chen,</p>
						<p>Thank you for your feedback on 20-Sep-13 (Friday). We have looked into the matter concerning the foul smell emitting from the canal at East Coast Park. Someone has thrown 3 big bags of garbage into the canal, resulting in a clog. The foul smell, (particularly of faeces) is attributed to one of the garbage bags which contains soiled diapers. NEA has dispatched our team to clear up the clog.</p>
						<p>We thank you for your kind feedback.</p>
						<p>Sincerely,</p>
						<p>Natalie Ee, </p>
						<p>Customer Service Officer</p>
					</div>
					<div class="span2 finalReplyEditButtons">
						<i class="fa fa-pencil-square-o fa-lg cursor-click" title="Edit content"></i>
					</div>
				</div>
				<div class="row-fluid">
					<button type="button" id="btnApproveCheck" class="pure pure-button pure-button-primary tailButton">Approve check&nbsp;!</button>
				</div>
			</div>

			<h2>Approved by</h2>
			<hr class="slimLine">
			<div class="row-fluid">
				<div class="span10 offset1 jointInvolvedTable">
					<table id="approveAgencyTable">
						<colgroup>
							<col span="1" style="width:33%;">
							<col span="1" style="width:33%;">
							<col span="1" style="width:33%;">
						</colgroup>
						<tr>
							<td>NEA (Lead)</td>
							<td style="color:#037e37;">Approved</td>
							<td>25-Aug-2013 16:10</td>
						</tr>
						<tr>
							<td>PUB</td>
							<td id="btnApproveReplyTd">
								<button type="button" id="btnApproveReply" class="pure-button pure-button-success">Approve this reply</button>
							</td>
							<td>Invited on 25-Aug-2013 16:10</td>
						</tr>
					</table>
				</div>
			</div>
			<h2>Edit History</h2>
			<hr class="slimLine">
			<div class="row-fluid editHistoryModule">
				<div class="row-fluid">
					<div class="span2 involvedAgencyName">
						<label>NEA</label>
					</div>
					<div class="span5 involvedStaffName">
						<label>Marcia Ong</label>
					</div>
					<div class="span5 postDateTime">
						<label>22-Sep-2013 15:26</label>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2 editHistory">
						<label>Area</label>
					</div>
					<div class="span10">
						<p>Title</p>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2">
						<label>Edited Text</label>
					</div>
					<div class="span10">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, laboriosam.</p>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2">
						<label>Remarks</label>
					</div>
					<div class="span10">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, minus, placeat recusandae eum cumque commodi. Beatae, dicta cum quia tempora vel voluptate accusamus quas deserunt dolore quo ea eius a minus neque nobis eaque odit!</p>
					</div>
				</div>
				<hr class="slimLine">
			</div>
			<div class="row-fluid editHistoryModule">
				<div class="row-fluid">
					<div class="span2 involvedAgencyName">
						<label>PUB</label>
					</div>
					<div class="span5 involvedStaffName">
						<label>James Lau</label>
					</div>
					<div class="span5 postDateTime">
						<label>22-Sep-2013 13:15</label>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2 editHistory">
						<label>Area</label>
					</div>
					<div class="span10">
						<p>Content</p>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2">
						<label>Edited Text</label>
					</div>
					<div class="span10">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, debitis, eius omnis delectus expedita ullam hic voluptates pariatur corporis recusandae illo non itaque commodi. Natus?</p>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span2">
						<label>Remarks</label>
					</div>
					<div class="span10">
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, minus, placeat recusandae eum cumque commodi. Beatae, dicta cum quia tempora vel voluptate accusamus quas deserunt dolore quo ea eius a minus neque nobis eaque odit!</p>
					</div>
				</div>
			</div>



		</div>
		<!-- ********** END: Reply to Customer tab content ********** -->


		<!-- ********** START: Approve Check Dialog ********** -->
		<div id="dialog-form" title="Add agency to approve this reply">
			<form>
				<fieldset>
					<label for="dialogAgencyName">Agency Name</label>
					<!--input type="text" name="dialogAgencyName" class="text ui-widget-content ui-corner-all" id="dialogAgencyName" /-->
					<select id="dialogAgencyName" class="ui-widget-content">
						<option value="AVA">AVA</option>
						<option value="HDB">HDB </option>
						<option value="LTA">LTA</option>
						<option value="NEA">NEA</option>
						<option value="NPARKS">NPARKS</option>
						<option value="PUB">PUB</option>
						<option value="SPF">SPF</option>
					</select>
				</fieldset>
				<button type="button" class="pure-button-success" id="btnAdd2InviteList">Add</button>
			</form>
			<label>Invite List</label>
			<table id="dialogTempAgencies">
				<colgroup>
					<col style="width:60%;">
					<col style="width:40%;">			
				</colgroup>
				
			</table>
		</div>

		<!-- ********** END: Approve Check Dialog ********** -->
	</div>
</div>



<footer class="row-fluid">
	<span id="copyright">&copy; Copyright 2013, All rights Reserved.</span>
	<span id="PSTCD">Privacy Statement | Terms &amp; Conditions | Disclaimer</span>
</footer>



</body>
</html>